<template>
	<view class='iconbox'>
		<image class='icon' :src="iconsrc" ></image>
		<text class='title' :style="{color:textcolor}">{{title}}</text>
	</view>
</template>

<script>
	export default {
		props: ['title','iconsrc','textcolor'],
		data() {
			return {
				
			}
		},
		created() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	.iconbox{
		margin-top:32rpx;
		.icon {
			width: 145rpx;
			height: 145rpx;
			display: block;
			margin:0rpx auto;
		}
		.title {
			text-align: center;
			color: #fff;
			font-size: 24rpx;
			display: block;
			margin-top: 24rpx;
		}
	}
</style>